<template>
    <div>
    <el-transfer v-model="value" :data="data" 
    :titles="['未分配角色', '已分配角色']"
    :button-texts="['移除', '添加']"
    @change="handleChange"
    ></el-transfer>
    </div>
</template>
    
</template>
<script>
export default {
    data() {
      const generateData = _ => {
        const data = [];          //未分配的角色
        
        data.push(
          {
          key:1,label:`影院管理`,
          },
          {
          key:2,label:`电影管理`,
          },
          {
          key:3,label:`查看评论`,
          },
          {
          key:4,label:`查询电影`,
          },

          
        )
      
        return data;
      }
      return {
        data: generateData(),
        value:[],    //为已分配的角色的值
        rid:''
      };
    },
    methods:{
      //  
    },  
    mounted:function(){
        this.queryRole();
    }
}
</script>
<style scoped>

</style>